<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  
  <script type="text/javascript" src="../js/axios.js"></script>
  <script type="text/javascript">
    /*
      axios拦截器
      axios.interceptors.response.use：通过该方式指定具体的函数作为拦截器。
      需求：只需要拿到结果username就可以
    */
    axios.interceptors.response.use(function(res) {
      const username = res.data.uname;
      return username;  //在返回结果之前进行了数据过滤。
    }, function(err){
      console.log(err)
    })
    
    //调用服务端接口
    /* 
      axios.get('axios-json').then(function(ret){
      console.log(ret.data.uname)
    })
      获取最终的结果数据，先获取response（ret）
      然后通过response.data 获取返回的数据。
    */
    axios.get('http://localhost:8082/axios-json').then(function(data){
      console.log(data) //zhangsan
    })
  </script>
</body>
</html>